﻿<%@ Page Title = "Coupon Quick Wok" Language="C#" AutoEventWireup="true"  MasterPageFile="~/Site.master" CodeBehind="Coupon.aspx.cs" Inherits="OnlineOrderSystem.Coupon" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script type="text/javascript">
        function printImg(image) {
            var newimg = document.getElementById(image);
            var printWindow = window.open('', 'Print coupon', 'height=550,width=800');
            printWindow.document.write('<html><head><title>Print coupon</title>');
            printWindow.document.write('</head><body ><img stype = "padding "src=\'');
            printWindow.document.write(newimg.src);
            printWindow.document.write('\' /></body></html>');
            printWindow.print();
            printWindow.close();
        }
    </script>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">

        <div id="templatemo_menu">
            <ul>
                <li><a href="Default.aspx" ><b>Home</b></a></li>
                <li><a href="Location.aspx" ><b>Location</b></a></li>
                <li><a href="Menu.aspx"><b>Menu</b></a></li>
                <li class="current"><a href="#"><b>Coupon</b></a></li>
                <li><a href="Gallery.aspx"><b>Gallery</b></a></li>
                <li><a href="ContactUs.aspx"><b>Contact Us</b></a></li>
            </ul>
        </div> <!-- end of menu -->
    

        <div id="templatemo_top_dishes">

    	    <h1>Our Coupons</h1>
            <div class="top_dishes_box">
       	      <img id = "coupon1" src="#" alt="No Image" />
              <h2>To Be Added</h2>
                <button id = "printcoupon1" onClick = "printImg('coupon1')">Print Coupon!</button>
            </div>

            <div class="top_dishes_box">
       	      <img id = "coupon2" src="#" alt="No Image" />
              <h2>To Be Added</h2>
                <button id = "printcoupon2" onClick = "printImg('coupon2')">Print Coupon!</button>
            </div>

            <div class="top_dishes_box">
       	      <img id = "coupon3" src="#" alt="No Image" />
              <h2>To Be Added</h2>
                <button id = "printcoupon3" onClick = "printImg('coupon3')">Print Coupon!</button>
            </div>
        
        
            <div class="cleaner">&nbsp;</div>
    
        </div> <!-- end of coupon -->

</asp:Content>

